<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<link rel="shortcut icon" href="img/weibo7.png" type="image/x-icon" />
		<link rel="stylesheet" href="css/login.css" />
		<script type="text/javascript" src="js/jquery-1.11.2.js"></script>
		<script type="text/javascript" src="js/login.js"></script>
		<title>微博-随时随地发现新鲜事</title>
	</head>

	<body>
		<div id="container">
			<div id="logo">
			</div>
			<div id="header">
				<a href="#">
				</a>
			</div>
			<div id="main">
				<div id="mainLeft">
					<div id="top">
						<i>还没有微博帐号？现在加入</i>
						<a href="#">

					立即注册

				    </a>
					</div>
					<div id="bottom">
						<div id="mainPic"></div>
					</div>
				</div>
				<div id="mainRight">
					<div id="loginForm">
						<ul>
							<li>
								<a href="#">普通登录</a>
							</li>
							<em class="shu">|</em>
							<li>
								<a href="#">二维码登录</a>
							</li>
							<em class="shu">|</em>
							<li>
								<a href="#">短信登录</a>
							</li>
						</ul>
						<form>
							<div class="filed" id="xing">
								<input type="text" class="input" id="name" name="name" placeholder="邮箱/会员帐号/手机号" />
							</div>
							<div class="filed pw" id="mima">
								<input type="password" class="input" id="password" name="password" placeholder="请输入密码" />
							</div>
							<div id="forget">
								<label for="tip" title="建议在网吧或公共电脑上取消该选项.">
									<input id="tip" type="checkbox" checked="checked" /> 下次自动登录
								</label>
								<a href="#" content="记不住登录状态，怎么办？" title="记不住登录状态，怎么办？" id="a_icon"></a>
								<a href="#" id="forgetRight">忘记密码</a>
							</div>
							<div id="yellowLogin">
								<input type="submit" class="submit" id="submit" name="submit" value="登录" />
							</div>
						</form>
					</div>
					<div id="regist">
						还没有微博？
						<a href="#">立即注册！</a>
					</div>
					<div id="way">
						<a href="#" id="weibo">
							<span></span> QQ登录微博

						</a><i></i>
						<a href="#" id="other">其他登录方式

								<em title="展开"></em>						

						</a>
						<div id="hide">
							<ul>
								<li><a href="#"><span class="con" id="tian"></span>天翼</a>
								</li>
								<li><a href="#"><span class="con" id="lian"></span>联通</a>
								</li>
								<li><a href="#"><span class="con" id="san"></span>360</a>
								</li>
								<li><a href="#"><span class="con" id="bai"></span>百度</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div id="footer">
				<ul>
					<li><a href="#"><span class="icon" id="iPhone"></span>iPhone/iPad</a>
					</li>
					<li><a href="#"><span class="icon" id="Android"></span>Android</a>
					</li>
					<li><a href="#"><span class="icon" id="Windows"></span>Windows Phone</a>
					</li>
					<li><a href="#"><span class="icon" id="otherPhone"></span>其他手机端</a>
					</li>
					<li><a href="#"><span class="icon" id="weiboIcon"></span>微博桌面</a>
					</li>
				</ul>
				<div id="last">
					<ul>
						<li>
							<a href="#">关于微博</a>
						</li>
						<em class="last">|</em>
						<li>
							<a href="#">微博帮助</a>
						</li>
						<em class="last">|</em>
						<li>
							<a href="# ">意见反馈</a>
						</li>
						<em class="last">|</em>
						<li>
							<a href="#">微博认证及合作</a>
						</li>
						<em class="last">|</em>
						<li>
							<a href="# ">开放平台</a>
						</li>
						<em>|</em>

						<li>
							<a href="#">微博招聘</a>
						</li>
						<em class="last">|</em>
						<li>
							<a href="# ">新浪网导航</a>
						</li>
						<li>
							<select>
								<option selected=" " value=" ">中文(简体)</option>
								<option selected=" " value=" ">中文(台湾)</option>
								<option selected=" " value=" ">中文(香港)</option>
								<option selected=" " value=" ">English</option>
							</select>
						</li>
					</ul>
				</div>
				<div id="finally">
					<ul>
						<li>Copyright © 2009-2015 WEIBO</li>
						<li>北京微梦创科网络技术有限公司</li>
						<li>京网文[2011]0398-130号京ICP备12002058号</li>
						<li><a href="# ">全国人大常委会关于加强网络信息保护的决定</a>
						</li>
					</ul>
				</div>
			</div>

		</div>
	</body>

</html>